	html,body{
		width:100%;
		height:100%;
		font-size: 14px;
    	letter-spacing: .2px;
    	margin:0px;
    	padding: 0px;
	}

	*{
		box-sizing: border-box;
	}

	.book{
		position: relative;
    	width: 100%;
    	height: 100%;
    	overflow: hidden;
	}

	.book .book-catalog{
		/*overflow-y: auto;*/
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		width: 300px;
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		color: #364149;
    	background: #fafafa;
    	border-right: 1px solid rgba(0,0,0,.07);
        -webkit-transition: left .25s ease;
        -moz-transition: left .25s ease;
        -o-transition: left .25s ease;
    	transition: left .25s ease;
	}
	.book-catalog .catalog-wrap {
		height:100%;
		overflow-y: auto;
		padding-bottom: 60px;
	}
	.book .book-catalog .book-search{
		z-index:50px;
		padding: 6px;
    	background: 0 0;
    	transition: top .5s ease;
    	background: #fff;
    	border-bottom: 1px solid rgba(0,0,0,.07);
    	border-top: 1px solid rgba(0,0,0,.07);
    	margin-bottom: 10px;
    	margin-top: -1px
	}
	.book .book-catalog .book-search input{
		font-size: 14px;
		width: 100%;
	    background: 0 0;
	    border: 1px solid transparent;
	    box-shadow: none;
	    outline: 0;
	    line-height: 22px;
	    padding: 7px 7px;
	    color: inherit;
	}

	.book .book-catalog .catalog{
		list-style: none;
    	margin: 0;
    	padding: 0;
        -webkit-transition: top .5s ease;
        -moz-transition: top .5s ease;
        -o-transition: top .5s ease;
    	transition: top .5s ease;
	}
	.book .book-catalog .catalog li{
		display: list-item;
	}
	a{
		text-decoration: none;
	}
	.book .book-catalog .catalog li a{
		display: block;
		padding:10px 15px;
		color: #364149;
		overflow: hidden;
		position: relative;
		text-overflow: ellipsis; /**元素溢出时 ....表示**/
		white-space: nowrap;     /*处理元素的空白 文本不会换行*/
	    -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
    	transition: all .5s ease;
	}

	.book .book-catalog .catalog li a:hover{
		text-decoration:underline;
		color: #008cff;
		font-weight: 500;
	}

	.book .book-catalog .catalog li span{
		display: block;
		padding:10px 15px;
		color: #364149;
		overflow: hidden;
		position: relative;
		text-overflow: ellipsis; /**元素溢出时 ....表示**/
		white-space: nowrap; /*处理元素的空白 文本不会换行*/
		cursor: pointer;
		-webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
    	transition: all .5s ease;
	}

	.book .book-catalog .catalog li span:hover{
		background: #429be1;
    	color: white;
	}

	.book .book-catalog .catalog li>ul{
		display:none;
	}
	.book .book-catalog .catalog .divider{
		height: 1px;
    	margin: 7px 0;
    	overflow: hidden;
    	background: rgba(0,0,0,.07);
	}

	.book .book-catalog ul.catalog li.active>a{
		color: #008cff;
		text-decoration: none;
		background:0 0;
		font-weight: 500;
	}

	.section .artciles{
		list-style: none;
    	padding-left: 20px;
        -webkit-transition: top .5s ease;
        -moz-transition: top .5s ease;
        -o-transition: top .5s ease;
    	transition: top .5s ease;
    	background: white;
	}

	.pull-left{
		float: left!important;
	}
	.pull-right{
		float: right!important;
	}
	.book .book-content{
		position: absolute;
		top: 0px;
		left:300px;
		right:0px;
		bottom:0px;
		overflow-y: auto;
		color:#000;
		background: #fff;
		-webkit-transition: left .25s ease;
        -moz-transition: left .25s ease;
  		-o-transition: left .25s ease;
   		transition: left .25s ease;
	}
	.book-content .book-content-body{
		position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    bottom: 0;
	    overflow-y: auto;
	}
	.book .book-content .book-content-body .book-content-header{
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		overflow: visible;
		height: 50px;
		padding: 0 8px;
		font-size: 0.85em;
		color: #7e888b;
		background: 0 0;
		transition:all .2s;
        -moz-transition:all .2s; /* Firefox 4 */
        -webkit-transition:all .2s; /* Safari and Chrome */
        -o-transition:all .2s; /* Opera */
	}
	.book .book-content .book-content-body .book-content-header h1{
		margin:0;
		font-size: 20px;
		text-align: center;
		line-height: 50px;
		opacity: 0;
		padding-left: 200px;
    	padding-right: 200px;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
	.book .book-content .book-content-body .book-content-header h1 a{
		color: inherit;
	}
	.book .book-content .book-content-body .book-content-header:hover h1{
		opacity: 1.0;
	}
	.book .book-content .book-content-body .book-content-header .btn{
		display: block;
		height: 50px;
		padding: 0px 15px;
		border-bottom: none;
		color: #ccc;
		line-height: 50px;
		position: relative;
		font-size: 14px;
		text-transform: uppercase;
		cursor: pointer;
		transition:all .2s;
        -moz-transition:all .2s; /* Firefox 4 */
        -webkit-transition:all .2s; /* Safari and Chrome */
        -o-transition:all .2s; /* Opera */
	}
	.book .book-content .book-content-body .book-content-header .btn:hover{
		/*font-size: 18px;*/
		color: black;
		text-decoration: none;
	}
	.book .book-content .book-content-body .book-content-wrap{
		position:relative;
	}
	.book .book-content .book-content-body .book-content-wrap .book-content-inner{
		position: relative;
		left:0px;
		max-width: 800px;
		margin: 0 auto;
		padding: 20px 15px;
	} 
	.book-content-result{
		word-wrap:break-word;
	}

	.page{
		position: absolute;
		top: 50px;
		bottom:0px;
		margin: 0px;
		max-width: 150px;
		min-width: 90px;
		text-align: center;
		font-size: 40px;
		color: #7e888b;
		display: flex;
		justify-content: center;/*水平居中*/
		align-content: center;
		flex-direction: column;
	}
	.page-prev{
		transition:all .2s;
        -moz-transition:all .2s; /* Firefox 4 */
        -webkit-transition:all .2s; /* Safari and Chrome */
        -o-transition:all .2s; /* Opera */
		left: 0px;
	}
	.page-next{
		transition:all 2s;
        -moz-transition:all .2s; /* Firefox 4 */
        -webkit-transition:all .2s; /* Safari and Chrome */
        -o-transition:all .2s; /* Opera */
		right: 0px;
	}
	.page-prev:hover,.page-next:hover{
		font-weight: 500;
		color: #444;
	}
	.page .icon{
		width: 100%;
		line-height: 40px;
	}

.menu{
	box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
}
.menu .menu-item{
	color: #364149;
	height:24px;
	width:160px;
}
.menu .menu-item span{
	cursor: pointer;
	line-height: 24px;
	display: block;
	float: left;
	width:50%;
	text-align: center;
	font-size: 0.8em;
	transition:all 2s;
    -moz-transition:all 2s; /* Firefox 4 */
    -webkit-transition:all 2s; /* Safari and Chrome */
    -o-transition:all 2s; /* Opera */
}

.menu .menu-item span:hover{
	color: black;
}
.font-min{
	font-size: 0.8em!important;
}
.font-add{
	font-size: 1.2em!important;
}
.theme-White,.theme-Night,.theme-Sepia{
	width: 33.33333%!important;
}


.font-family-1{
	font-family: Georgia, serif;
}
.font-size-0{
	font-size: 14px;
}
.font-size-1{
	font-size:18px;
}
.font-size-2{
	font-size: 24px;
}
.font-size-3{
	font-size: 32px;
}
.font-size-4{
	font-size: 48px;
}

/*.color-theme-1{
	color: #afa790!important;
}*/

.color-theme-1 .book-catalog{
	background:#111111!important; 
}

.color-theme-1 .book-content{
	color: #704214;
    background: #f3eacb;
}

.color-theme-1 .dropdown .menu .menu-item span{
	color:#afa790!important;
}
.color-theme-1 .book-content .book-content-header .ui.dropdown .menu .divider{
	border-top: 1px solid #7e888b!important;
}
.color-theme-1 ul>li>a{
	color:#877f6a!important;
	background:transparent!important;
}
.color-theme-1 ul>li.active>a{
	color: #704214!important;
    background: transparent!important;
}

.color-theme-1 ul>li>ul{
	background:#111111!important;
}


.color-theme-1 ul>li>span:hover{
	background: #111111!important;
}

.color-theme-2 .book-catalog{
    background: #2d3143!important;
}

.color-theme-2 .book-content{
	color: white;
    background: #1c1f2b;
}

.coloe-theme-2 .dropdown .menu .menu-item span{
	color:#afa790!important;
}
.coloe-theme-2 .book-content .book-content-header .ui.dropdown .menu .divider{
	border-top: 1px solid #7e888b!important;
}
.color-theme-2 ul>li>a{
    color: #f4f4f5!important;
    font-weight: 600!important;
}

.color-theme-2 ul>li>ul{
	background:#252737!important;
}

.color-theme-2 ul>li>span:hover{
	background: #111111!important;
}

.color-theme-2 ul>li.active>a{
    background: #252737!important;
}
.color-theme-2 .btn:hover{
	color: white!important;
}